// 这个文件夹 后面 我们以后只放 逻辑相关的代码 【只放JS 相关的代码】
//   我们定义函数 有一个约定【建议遵循】  函数名统一的使用 useXxx  这就表示 我们复用的是JS
// 组件 （html css  js ） 复用 放到 components

import { ref } from 'vue'
import { followOrUnfollow } from '@/services/consult'


export const useFollow = () => {
  // 关注的逻辑   给按钮 添加 转圈圈
  const loading = ref(false)
  // follow  发送数据请求
  const follow = async (item: { id: string; likeFlag: 0 | 1 }) => {
    console.log(item.id, '--item.id-')
    console.log(item.likeFlag, '=item.likeFla==')
    loading.value = true
    try {
      await followOrUnfollow(item.id)
      // await 一定是成功的
      item.likeFlag = 1
    } finally {
      // 无论成功还是失败 都要执行 这个代码
      loading.value = false
    }

    // 如果ajax 请求失败   loadding  会一致转圈
  }
  // loadding   follow  都是局部变量

  return {
    loading,
    follow
  }
}
